.materialize-red.lighten-5 { background-color: #fdeaeb !important; }

.materialize-red-text.text-lighten-5 { color: #fdeaeb !important; }

.materialize-red.lighten-4 { background-color: #f8c1c3 !important; }

.materialize-red-text.text-lighten-4 { color: #f8c1c3 !important; }

.materialize-red.lighten-3 { background-color: #f3989b !important; }

.materialize-red-text.text-lighten-3 { color: #f3989b !important; }

.materialize-red.lighten-2 { background-color: #ee6e73 !important; }

.materialize-red-text.text-lighten-2 { color: #ee6e73 !important; }

.materialize-red.lighten-1 { background-color: #ea454b !important; }

.materialize-red-text.text-lighten-1 { color: #ea454b !important; }

.materialize-red { background-color: #e51c23 !important; }

.materialize-red-text { color: #e51c23 !important; }

.materialize-red.darken-1 { background-color: #d0181e !important; }

.materialize-red-text.text-darken-1 { color: #d0181e !important; }

.materialize-red.darken-2 { background-color: #b9151b !important; }

.materialize-red-text.text-darken-2 { color: #b9151b !important; }

.materialize-red.darken-3 { background-color: #a21318 !important; }

.materialize-red-text.text-darken-3 { color: #a21318 !important; }

.materialize-red.darken-4 { background-color: #8b1014 !important; }

.materialize-red-text.text-darken-4 { color: #8b1014 !important; }

.red.lighten-5 { background-color: #FFEBEE !important; }

.red-text.text-lighten-5 { color: #FFEBEE !important; }

.red.lighten-4 { background-color: #FFCDD2 !important; }

.red-text.text-lighten-4 { color: #FFCDD2 !important; }

.red.lighten-3 { background-color: #EF9A9A !important; }

.red-text.text-lighten-3 { color: #EF9A9A !important; }

.red.lighten-2 { background-color: #E57373 !important; }

.red-text.text-lighten-2 { color: #E57373 !important; }

.red.lighten-1 { background-color: #EF5350 !important; }

.red-text.text-lighten-1 { color: #EF5350 !important; }

.red { background-color: #F44336 !important; }

.red-text { color: #F44336 !important; }

.red.darken-1 { background-color: #E53935 !important; }

.red-text.text-darken-1 { color: #E53935 !important; }

.red.darken-2 { background-color: #D32F2F !important; }

.red-text.text-darken-2 { color: #D32F2F !important; }

.red.darken-3 { background-color: #C62828 !important; }

.red-text.text-darken-3 { color: #C62828 !important; }

.red.darken-4 { background-color: #B71C1C !important; }

.red-text.text-darken-4 { color: #B71C1C !important; }

.red.accent-1 { background-color: #FF8A80 !important; }

.red-text.text-accent-1 { color: #FF8A80 !important; }

.red.accent-2 { background-color: #FF5252 !important; }

.red-text.text-accent-2 { color: #FF5252 !important; }

.red.accent-3 { background-color: #FF1744 !important; }

.red-text.text-accent-3 { color: #FF1744 !important; }

.red.accent-4 { background-color: #D50000 !important; }

.red-text.text-accent-4 { color: #D50000 !important; }

.pink.lighten-5 { background-color: #fce4ec !important; }

.pink-text.text-lighten-5 { color: #fce4ec !important; }

.pink.lighten-4 { background-color: #f8bbd0 !important; }

.pink-text.text-lighten-4 { color: #f8bbd0 !important; }

.pink.lighten-3 { background-color: #f48fb1 !important; }

.pink-text.text-lighten-3 { color: #f48fb1 !important; }

.pink.lighten-2 { background-color: #f06292 !important; }

.pink-text.text-lighten-2 { color: #f06292 !important; }

.pink.lighten-1 { background-color: #ec407a !important; }

.pink-text.text-lighten-1 { color: #ec407a !important; }

.pink { background-color: #e91e63 !important; }

.pink-text { color: #e91e63 !important; }

.pink.darken-1 { background-color: #d81b60 !important; }

.pink-text.text-darken-1 { color: #d81b60 !important; }

.pink.darken-2 { background-color: #c2185b !important; }

.pink-text.text-darken-2 { color: #c2185b !important; }

.pink.darken-3 { background-color: #ad1457 !important; }

.pink-text.text-darken-3 { color: #ad1457 !important; }

.pink.darken-4 { background-color: #880e4f !important; }

.pink-text.text-darken-4 { color: #880e4f !important; }

.pink.accent-1 { background-color: #ff80ab !important; }

.pink-text.text-accent-1 { color: #ff80ab !important; }

.pink.accent-2 { background-color: #ff4081 !important; }

.pink-text.text-accent-2 { color: #ff4081 !important; }

.pink.accent-3 { background-color: #f50057 !important; }

.pink-text.text-accent-3 { color: #f50057 !important; }

.pink.accent-4 { background-color: #c51162 !important; }

.pink-text.text-accent-4 { color: #c51162 !important; }

.purple.lighten-5 { background-color: #f3e5f5 !important; }

.purple-text.text-lighten-5 { color: #f3e5f5 !important; }

.purple.lighten-4 { background-color: #e1bee7 !important; }

.purple-text.text-lighten-4 { color: #e1bee7 !important; }

.purple.lighten-3 { background-color: #ce93d8 !important; }

.purple-text.text-lighten-3 { color: #ce93d8 !important; }

.purple.lighten-2 { background-color: #ba68c8 !important; }

.purple-text.text-lighten-2 { color: #ba68c8 !important; }

.purple.lighten-1 { background-color: #ab47bc !important; }

.purple-text.text-lighten-1 { color: #ab47bc !important; }

.purple { background-color: #9c27b0 !important; }

.purple-text { color: #9c27b0 !important; }

.purple.darken-1 { background-color: #8e24aa !important; }

.purple-text.text-darken-1 { color: #8e24aa !important; }

.purple.darken-2 { background-color: #7b1fa2 !important; }

.purple-text.text-darken-2 { color: #7b1fa2 !important; }

.purple.darken-3 { background-color: #6a1b9a !important; }

.purple-text.text-darken-3 { color: #6a1b9a !important; }

.purple.darken-4 { background-color: #4a148c !important; }

.purple-text.text-darken-4 { color: #4a148c !important; }

.purple.accent-1 { background-color: #ea80fc !important; }

.purple-text.text-accent-1 { color: #ea80fc !important; }

.purple.accent-2 { background-color: #e040fb !important; }

.purple-text.text-accent-2 { color: #e040fb !important; }

.purple.accent-3 { background-color: #d500f9 !important; }

.purple-text.text-accent-3 { color: #d500f9 !important; }

.purple.accent-4 { background-color: #aa00ff !important; }

.purple-text.text-accent-4 { color: #aa00ff !important; }

.deep-purple.lighten-5 { background-color: #ede7f6 !important; }

.deep-purple-text.text-lighten-5 { color: #ede7f6 !important; }

.deep-purple.lighten-4 { background-color: #d1c4e9 !important; }

.deep-purple-text.text-lighten-4 { color: #d1c4e9 !important; }

.deep-purple.lighten-3 { background-color: #b39ddb !important; }

.deep-purple-text.text-lighten-3 { color: #b39ddb !important; }

.deep-purple.lighten-2 { background-color: #9575cd !important; }

.deep-purple-text.text-lighten-2 { color: #9575cd !important; }

.deep-purple.lighten-1 { background-color: #7e57c2 !important; }

.deep-purple-text.text-lighten-1 { color: #7e57c2 !important; }

.deep-purple { background-color: #673ab7 !important; }

.deep-purple-text { color: #673ab7 !important; }

.deep-purple.darken-1 { background-color: #5e35b1 !important; }

.deep-purple-text.text-darken-1 { color: #5e35b1 !important; }

.deep-purple.darken-2 { background-color: #512da8 !important; }

.deep-purple-text.text-darken-2 { color: #512da8 !important; }

.deep-purple.darken-3 { background-color: #4527a0 !important; }

.deep-purple-text.text-darken-3 { color: #4527a0 !important; }

.deep-purple.darken-4 { background-color: #311b92 !important; }

.deep-purple-text.text-darken-4 { color: #311b92 !important; }

.deep-purple.accent-1 { background-color: #b388ff !important; }

.deep-purple-text.text-accent-1 { color: #b388ff !important; }

.deep-purple.accent-2 { background-color: #7c4dff !important; }

.deep-purple-text.text-accent-2 { color: #7c4dff !important; }

.deep-purple.accent-3 { background-color: #651fff !important; }

.deep-purple-text.text-accent-3 { color: #651fff !important; }

.deep-purple.accent-4 { background-color: #6200ea !important; }

.deep-purple-text.text-accent-4 { color: #6200ea !important; }

.indigo.lighten-5 { background-color: #e8eaf6 !important; }

.indigo-text.text-lighten-5 { color: #e8eaf6 !important; }

.indigo.lighten-4 { background-color: #c5cae9 !important; }

.indigo-text.text-lighten-4 { color: #c5cae9 !important; }

.indigo.lighten-3 { background-color: #9fa8da !important; }

.indigo-text.text-lighten-3 { color: #9fa8da !important; }

.indigo.lighten-2 { background-color: #7986cb !important; }

.indigo-text.text-lighten-2 { color: #7986cb !important; }

.indigo.lighten-1 { background-color: #5c6bc0 !important; }

.indigo-text.text-lighten-1 { color: #5c6bc0 !important; }

.indigo { background-color: #3f51b5 !important; }

.indigo-text { color: #3f51b5 !important; }

.indigo.darken-1 { background-color: #3949ab !important; }

.indigo-text.text-darken-1 { color: #3949ab !important; }

.indigo.darken-2 { background-color: #303f9f !important; }

.indigo-text.text-darken-2 { color: #303f9f !important; }

.indigo.darken-3 { background-color: #283593 !important; }

.indigo-text.text-darken-3 { color: #283593 !important; }

.indigo.darken-4 { background-color: #1a237e !important; }

.indigo-text.text-darken-4 { color: #1a237e !important; }

.indigo.accent-1 { background-color: #8c9eff !important; }

.indigo-text.text-accent-1 { color: #8c9eff !important; }

.indigo.accent-2 { background-color: #536dfe !important; }

.indigo-text.text-accent-2 { color: #536dfe !important; }

.indigo.accent-3 { background-color: #3d5afe !important; }

.indigo-text.text-accent-3 { color: #3d5afe !important; }

.indigo.accent-4 { background-color: #304ffe !important; }

.indigo-text.text-accent-4 { color: #304ffe !important; }

.blue.lighten-5 { background-color: #E3F2FD !important; }

.blue-text.text-lighten-5 { color: #E3F2FD !important; }

.blue.lighten-4 { background-color: #BBDEFB !important; }

.blue-text.text-lighten-4 { color: #BBDEFB !important; }

.blue.lighten-3 { background-color: #90CAF9 !important; }

.blue-text.text-lighten-3 { color: #90CAF9 !important; }

.blue.lighten-2 { background-color: #64B5F6 !important; }

.blue-text.text-lighten-2 { color: #64B5F6 !important; }

.blue.lighten-1 { background-color: #42A5F5 !important; }

.blue-text.text-lighten-1 { color: #42A5F5 !important; }

.blue { background-color: #2196F3 !important; }

.blue-text { color: #2196F3 !important; }

.blue.darken-1 { background-color: #1E88E5 !important; }

.blue-text.text-darken-1 { color: #1E88E5 !important; }

.blue.darken-2 { background-color: #1976D2 !important; }

.blue-text.text-darken-2 { color: #1976D2 !important; }

.blue.darken-3 { background-color: #1565C0 !important; }

.blue-text.text-darken-3 { color: #1565C0 !important; }

.blue.darken-4 { background-color: #0D47A1 !important; }

.blue-text.text-darken-4 { color: #0D47A1 !important; }

.blue.accent-1 { background-color: #82B1FF !important; }

.blue-text.text-accent-1 { color: #82B1FF !important; }

.blue.accent-2 { background-color: #448AFF !important; }

.blue-text.text-accent-2 { color: #448AFF !important; }

.blue.accent-3 { background-color: #2979FF !important; }

.blue-text.text-accent-3 { color: #2979FF !important; }

.blue.accent-4 { background-color: #2962FF !important; }

.blue-text.text-accent-4 { color: #2962FF !important; }

.light-blue.lighten-5 { background-color: #e1f5fe !important; }

.light-blue-text.text-lighten-5 { color: #e1f5fe !important; }

.light-blue.lighten-4 { background-color: #b3e5fc !important; }

.light-blue-text.text-lighten-4 { color: #b3e5fc !important; }

.light-blue.lighten-3 { background-color: #81d4fa !important; }

.light-blue-text.text-lighten-3 { color: #81d4fa !important; }

.light-blue.lighten-2 { background-color: #4fc3f7 !important; }

.light-blue-text.text-lighten-2 { color: #4fc3f7 !important; }

.light-blue.lighten-1 { background-color: #29b6f6 !important; }

.light-blue-text.text-lighten-1 { color: #29b6f6 !important; }

.light-blue { background-color: #03a9f4 !important; }

.light-blue-text { color: #03a9f4 !important; }

.light-blue.darken-1 { background-color: #039be5 !important; }

.light-blue-text.text-darken-1 { color: #039be5 !important; }

.light-blue.darken-2 { background-color: #0288d1 !important; }

.light-blue-text.text-darken-2 { color: #0288d1 !important; }

.light-blue.darken-3 { background-color: #0277bd !important; }

.light-blue-text.text-darken-3 { color: #0277bd !important; }

.light-blue.darken-4 { background-color: #01579b !important; }

.light-blue-text.text-darken-4 { color: #01579b !important; }

.light-blue.accent-1 { background-color: #80d8ff !important; }

.light-blue-text.text-accent-1 { color: #80d8ff !important; }

.light-blue.accent-2 { background-color: #40c4ff !important; }

.light-blue-text.text-accent-2 { color: #40c4ff !important; }

.light-blue.accent-3 { background-color: #00b0ff !important; }

.light-blue-text.text-accent-3 { color: #00b0ff !important; }

.light-blue.accent-4 { background-color: #0091ea !important; }

.light-blue-text.text-accent-4 { color: #0091ea !important; }

.cyan.lighten-5 { background-color: #e0f7fa !important; }

.cyan-text.text-lighten-5 { color: #e0f7fa !important; }

.cyan.lighten-4 { background-color: #b2ebf2 !important; }

.cyan-text.text-lighten-4 { color: #b2ebf2 !important; }

.cyan.lighten-3 { background-color: #80deea !important; }

.cyan-text.text-lighten-3 { color: #80deea !important; }

.cyan.lighten-2 { background-color: #4dd0e1 !important; }

.cyan-text.text-lighten-2 { color: #4dd0e1 !important; }

.cyan.lighten-1 { background-color: #26c6da !important; }

.cyan-text.text-lighten-1 { color: #26c6da !important; }

.cyan { background-color: #00bcd4 !important; }

.cyan-text { color: #00bcd4 !important; }

.cyan.darken-1 { background-color: #00acc1 !important; }

.cyan-text.text-darken-1 { color: #00acc1 !important; }

.cyan.darken-2 { background-color: #0097a7 !important; }

.cyan-text.text-darken-2 { color: #0097a7 !important; }

.cyan.darken-3 { background-color: #00838f !important; }

.cyan-text.text-darken-3 { color: #00838f !important; }

.cyan.darken-4 { background-color: #006064 !important; }

.cyan-text.text-darken-4 { color: #006064 !important; }

.cyan.accent-1 { background-color: #84ffff !important; }

.cyan-text.text-accent-1 { color: #84ffff !important; }

.cyan.accent-2 { background-color: #18ffff !important; }

.cyan-text.text-accent-2 { color: #18ffff !important; }

.cyan.accent-3 { background-color: #00e5ff !important; }

.cyan-text.text-accent-3 { color: #00e5ff !important; }

.cyan.accent-4 { background-color: #00b8d4 !important; }

.cyan-text.text-accent-4 { color: #00b8d4 !important; }

.teal.lighten-5 { background-color: #e0f2f1 !important; }

.teal-text.text-lighten-5 { color: #e0f2f1 !important; }

.teal.lighten-4 { background-color: #b2dfdb !important; }

.teal-text.text-lighten-4 { color: #b2dfdb !important; }

.teal.lighten-3 { background-color: #80cbc4 !important; }

.teal-text.text-lighten-3 { color: #80cbc4 !important; }

.teal.lighten-2 { background-color: #4db6ac !important; }

.teal-text.text-lighten-2 { color: #4db6ac !important; }

.teal.lighten-1 { background-color: #26a69a !important; }

.teal-text.text-lighten-1 { color: #26a69a !important; }

.teal { background-color: #009688 !important; }

.teal-text { color: #009688 !important; }

.teal.darken-1 { background-color: #00897b !important; }

.teal-text.text-darken-1 { color: #00897b !important; }

.teal.darken-2 { background-color: #00796b !important; }

.teal-text.text-darken-2 { color: #00796b !important; }

.teal.darken-3 { background-color: #00695c !important; }

.teal-text.text-darken-3 { color: #00695c !important; }

.teal.darken-4 { background-color: #004d40 !important; }

.teal-text.text-darken-4 { color: #004d40 !important; }

.teal.accent-1 { background-color: #a7ffeb !important; }

.teal-text.text-accent-1 { color: #a7ffeb !important; }

.teal.accent-2 { background-color: #64ffda !important; }

.teal-text.text-accent-2 { color: #64ffda !important; }

.teal.accent-3 { background-color: #1de9b6 !important; }

.teal-text.text-accent-3 { color: #1de9b6 !important; }

.teal.accent-4 { background-color: #00bfa5 !important; }

.teal-text.text-accent-4 { color: #00bfa5 !important; }

.green.lighten-5 { background-color: #E8F5E9 !important; }

.green-text.text-lighten-5 { color: #E8F5E9 !important; }

.green.lighten-4 { background-color: #C8E6C9 !important; }

.green-text.text-lighten-4 { color: #C8E6C9 !important; }

.green.lighten-3 { background-color: #A5D6A7 !important; }

.green-text.text-lighten-3 { color: #A5D6A7 !important; }

.green.lighten-2 { background-color: #81C784 !important; }

.green-text.text-lighten-2 { color: #81C784 !important; }

.green.lighten-1 { background-color: #66BB6A !important; }

.green-text.text-lighten-1 { color: #66BB6A !important; }

.green { background-color: #4CAF50 !important; }

.green-text { color: #4CAF50 !important; }

.green.darken-1 { background-color: #43A047 !important; }

.green-text.text-darken-1 { color: #43A047 !important; }

.green.darken-2 { background-color: #388E3C !important; }

.green-text.text-darken-2 { color: #388E3C !important; }

.green.darken-3 { background-color: #2E7D32 !important; }

.green-text.text-darken-3 { color: #2E7D32 !important; }

.green.darken-4 { background-color: #1B5E20 !important; }

.green-text.text-darken-4 { color: #1B5E20 !important; }

.green.accent-1 { background-color: #B9F6CA !important; }

.green-text.text-accent-1 { color: #B9F6CA !important; }

.green.accent-2 { background-color: #69F0AE !important; }

.green-text.text-accent-2 { color: #69F0AE !important; }

.green.accent-3 { background-color: #00E676 !important; }

.green-text.text-accent-3 { color: #00E676 !important; }

.green.accent-4 { background-color: #00C853 !important; }

.green-text.text-accent-4 { color: #00C853 !important; }

.light-green.lighten-5 { background-color: #f1f8e9 !important; }

.light-green-text.text-lighten-5 { color: #f1f8e9 !important; }

.light-green.lighten-4 { background-color: #dcedc8 !important; }

.light-green-text.text-lighten-4 { color: #dcedc8 !important; }

.light-green.lighten-3 { background-color: #c5e1a5 !important; }

.light-green-text.text-lighten-3 { color: #c5e1a5 !important; }

.light-green.lighten-2 { background-color: #aed581 !important; }

.light-green-text.text-lighten-2 { color: #aed581 !important; }

.light-green.lighten-1 { background-color: #9ccc65 !important; }

.light-green-text.text-lighten-1 { color: #9ccc65 !important; }

.light-green { background-color: #8bc34a !important; }

.light-green-text { color: #8bc34a !important; }

.light-green.darken-1 { background-color: #7cb342 !important; }

.light-green-text.text-darken-1 { color: #7cb342 !important; }

.light-green.darken-2 { background-color: #689f38 !important; }

.light-green-text.text-darken-2 { color: #689f38 !important; }

.light-green.darken-3 { background-color: #558b2f !important; }

.light-green-text.text-darken-3 { color: #558b2f !important; }

.light-green.darken-4 { background-color: #33691e !important; }

.light-green-text.text-darken-4 { color: #33691e !important; }

.light-green.accent-1 { background-color: #ccff90 !important; }

.light-green-text.text-accent-1 { color: #ccff90 !important; }

.light-green.accent-2 { background-color: #b2ff59 !important; }

.light-green-text.text-accent-2 { color: #b2ff59 !important; }

.light-green.accent-3 { background-color: #76ff03 !important; }

.light-green-text.text-accent-3 { color: #76ff03 !important; }

.light-green.accent-4 { background-color: #64dd17 !important; }

.light-green-text.text-accent-4 { color: #64dd17 !important; }

.lime.lighten-5 { background-color: #f9fbe7 !important; }

.lime-text.text-lighten-5 { color: #f9fbe7 !important; }

.lime.lighten-4 { background-color: #f0f4c3 !important; }

.lime-text.text-lighten-4 { color: #f0f4c3 !important; }

.lime.lighten-3 { background-color: #e6ee9c !important; }

.lime-text.text-lighten-3 { color: #e6ee9c !important; }

.lime.lighten-2 { background-color: #dce775 !important; }

.lime-text.text-lighten-2 { color: #dce775 !important; }

.lime.lighten-1 { background-color: #d4e157 !important; }

.lime-text.text-lighten-1 { color: #d4e157 !important; }

.lime { background-color: #cddc39 !important; }

.lime-text { color: #cddc39 !important; }

.lime.darken-1 { background-color: #c0ca33 !important; }

.lime-text.text-darken-1 { color: #c0ca33 !important; }

.lime.darken-2 { background-color: #afb42b !important; }

.lime-text.text-darken-2 { color: #afb42b !important; }

.lime.darken-3 { background-color: #9e9d24 !important; }

.lime-text.text-darken-3 { color: #9e9d24 !important; }

.lime.darken-4 { background-color: #827717 !important; }

.lime-text.text-darken-4 { color: #827717 !important; }

.lime.accent-1 { background-color: #f4ff81 !important; }

.lime-text.text-accent-1 { color: #f4ff81 !important; }

.lime.accent-2 { background-color: #eeff41 !important; }

.lime-text.text-accent-2 { color: #eeff41 !important; }

.lime.accent-3 { background-color: #c6ff00 !important; }

.lime-text.text-accent-3 { color: #c6ff00 !important; }

.lime.accent-4 { background-color: #aeea00 !important; }

.lime-text.text-accent-4 { color: #aeea00 !important; }

.yellow.lighten-5 { background-color: #fffde7 !important; }

.yellow-text.text-lighten-5 { color: #fffde7 !important; }

.yellow.lighten-4 { background-color: #fff9c4 !important; }

.yellow-text.text-lighten-4 { color: #fff9c4 !important; }

.yellow.lighten-3 { background-color: #fff59d !important; }

.yellow-text.text-lighten-3 { color: #fff59d !important; }

.yellow.lighten-2 { background-color: #fff176 !important; }

.yellow-text.text-lighten-2 { color: #fff176 !important; }

.yellow.lighten-1 { background-color: #ffee58 !important; }

.yellow-text.text-lighten-1 { color: #ffee58 !important; }

.yellow { background-color: #ffeb3b !important; }

.yellow-text { color: #ffeb3b !important; }

.yellow.darken-1 { background-color: #fdd835 !important; }

.yellow-text.text-darken-1 { color: #fdd835 !important; }

.yellow.darken-2 { background-color: #fbc02d !important; }

.yellow-text.text-darken-2 { color: #fbc02d !important; }

.yellow.darken-3 { background-color: #f9a825 !important; }

.yellow-text.text-darken-3 { color: #f9a825 !important; }

.yellow.darken-4 { background-color: #f57f17 !important; }

.yellow-text.text-darken-4 { color: #f57f17 !important; }

.yellow.accent-1 { background-color: #ffff8d !important; }

.yellow-text.text-accent-1 { color: #ffff8d !important; }

.yellow.accent-2 { background-color: #ffff00 !important; }

.yellow-text.text-accent-2 { color: #ffff00 !important; }

.yellow.accent-3 { background-color: #ffea00 !important; }

.yellow-text.text-accent-3 { color: #ffea00 !important; }

.yellow.accent-4 { background-color: #ffd600 !important; }

.yellow-text.text-accent-4 { color: #ffd600 !important; }

.amber.lighten-5 { background-color: #fff8e1 !important; }

.amber-text.text-lighten-5 { color: #fff8e1 !important; }

.amber.lighten-4 { background-color: #ffecb3 !important; }

.amber-text.text-lighten-4 { color: #ffecb3 !important; }

.amber.lighten-3 { background-color: #ffe082 !important; }

.amber-text.text-lighten-3 { color: #ffe082 !important; }

.amber.lighten-2 { background-color: #ffd54f !important; }

.amber-text.text-lighten-2 { color: #ffd54f !important; }

.amber.lighten-1 { background-color: #ffca28 !important; }

.amber-text.text-lighten-1 { color: #ffca28 !important; }

.amber { background-color: #ffc107 !important; }

.amber-text { color: #ffc107 !important; }

.amber.darken-1 { background-color: #ffb300 !important; }

.amber-text.text-darken-1 { color: #ffb300 !important; }

.amber.darken-2 { background-color: #ffa000 !important; }

.amber-text.text-darken-2 { color: #ffa000 !important; }

.amber.darken-3 { background-color: #ff8f00 !important; }

.amber-text.text-darken-3 { color: #ff8f00 !important; }

.amber.darken-4 { background-color: #ff6f00 !important; }

.amber-text.text-darken-4 { color: #ff6f00 !important; }

.amber.accent-1 { background-color: #ffe57f !important; }

.amber-text.text-accent-1 { color: #ffe57f !important; }

.amber.accent-2 { background-color: #ffd740 !important; }

.amber-text.text-accent-2 { color: #ffd740 !important; }

.amber.accent-3 { background-color: #ffc400 !important; }

.amber-text.text-accent-3 { color: #ffc400 !important; }

.amber.accent-4 { background-color: #ffab00 !important; }

.amber-text.text-accent-4 { color: #ffab00 !important; }

.orange.lighten-5 { background-color: #fff3e0 !important; }

.orange-text.text-lighten-5 { color: #fff3e0 !important; }

.orange.lighten-4 { background-color: #ffe0b2 !important; }

.orange-text.text-lighten-4 { color: #ffe0b2 !important; }

.orange.lighten-3 { background-color: #ffcc80 !important; }

.orange-text.text-lighten-3 { color: #ffcc80 !important; }

.orange.lighten-2 { background-color: #ffb74d !important; }

.orange-text.text-lighten-2 { color: #ffb74d !important; }

.orange.lighten-1 { background-color: #ffa726 !important; }

.orange-text.text-lighten-1 { color: #ffa726 !important; }

.orange { background-color: #ff9800 !important; }

.orange-text { color: #ff9800 !important; }

.orange.darken-1 { background-color: #fb8c00 !important; }

.orange-text.text-darken-1 { color: #fb8c00 !important; }

.orange.darken-2 { background-color: #f57c00 !important; }

.orange-text.text-darken-2 { color: #f57c00 !important; }

.orange.darken-3 { background-color: #ef6c00 !important; }

.orange-text.text-darken-3 { color: #ef6c00 !important; }

.orange.darken-4 { background-color: #e65100 !important; }

.orange-text.text-darken-4 { color: #e65100 !important; }

.orange.accent-1 { background-color: #ffd180 !important; }

.orange-text.text-accent-1 { color: #ffd180 !important; }

.orange.accent-2 { background-color: #ffab40 !important; }

.orange-text.text-accent-2 { color: #ffab40 !important; }

.orange.accent-3 { background-color: #ff9100 !important; }

.orange-text.text-accent-3 { color: #ff9100 !important; }

.orange.accent-4 { background-color: #ff6d00 !important; }

.orange-text.text-accent-4 { color: #ff6d00 !important; }

.deep-orange.lighten-5 { background-color: #fbe9e7 !important; }

.deep-orange-text.text-lighten-5 { color: #fbe9e7 !important; }

.deep-orange.lighten-4 { background-color: #ffccbc !important; }

.deep-orange-text.text-lighten-4 { color: #ffccbc !important; }

.deep-orange.lighten-3 { background-color: #ffab91 !important; }

.deep-orange-text.text-lighten-3 { color: #ffab91 !important; }

.deep-orange.lighten-2 { background-color: #ff8a65 !important; }

.deep-orange-text.text-lighten-2 { color: #ff8a65 !important; }

.deep-orange.lighten-1 { background-color: #ff7043 !important; }

.deep-orange-text.text-lighten-1 { color: #ff7043 !important; }

.deep-orange { background-color: #ff5722 !important; }

.deep-orange-text { color: #ff5722 !important; }

.deep-orange.darken-1 { background-color: #f4511e !important; }

.deep-orange-text.text-darken-1 { color: #f4511e !important; }

.deep-orange.darken-2 { background-color: #e64a19 !important; }

.deep-orange-text.text-darken-2 { color: #e64a19 !important; }

.deep-orange.darken-3 { background-color: #d84315 !important; }

.deep-orange-text.text-darken-3 { color: #d84315 !important; }

.deep-orange.darken-4 { background-color: #bf360c !important; }

.deep-orange-text.text-darken-4 { color: #bf360c !important; }

.deep-orange.accent-1 { background-color: #ff9e80 !important; }

.deep-orange-text.text-accent-1 { color: #ff9e80 !important; }

.deep-orange.accent-2 { background-color: #ff6e40 !important; }

.deep-orange-text.text-accent-2 { color: #ff6e40 !important; }

.deep-orange.accent-3 { background-color: #ff3d00 !important; }

.deep-orange-text.text-accent-3 { color: #ff3d00 !important; }

.deep-orange.accent-4 { background-color: #dd2c00 !important; }

.deep-orange-text.text-accent-4 { color: #dd2c00 !important; }

.brown.lighten-5 { background-color: #efebe9 !important; }

.brown-text.text-lighten-5 { color: #efebe9 !important; }

.brown.lighten-4 { background-color: #d7ccc8 !important; }

.brown-text.text-lighten-4 { color: #d7ccc8 !important; }

.brown.lighten-3 { background-color: #bcaaa4 !important; }

.brown-text.text-lighten-3 { color: #bcaaa4 !important; }

.brown.lighten-2 { background-color: #a1887f !important; }

.brown-text.text-lighten-2 { color: #a1887f !important; }

.brown.lighten-1 { background-color: #8d6e63 !important; }

.brown-text.text-lighten-1 { color: #8d6e63 !important; }

.brown { background-color: #795548 !important; }

.brown-text { color: #795548 !important; }

.brown.darken-1 { background-color: #6d4c41 !important; }

.brown-text.text-darken-1 { color: #6d4c41 !important; }

.brown.darken-2 { background-color: #5d4037 !important; }

.brown-text.text-darken-2 { color: #5d4037 !important; }

.brown.darken-3 { background-color: #4e342e !important; }

.brown-text.text-darken-3 { color: #4e342e !important; }

.brown.darken-4 { background-color: #3e2723 !important; }

.brown-text.text-darken-4 { color: #3e2723 !important; }

.blue-grey.lighten-5 { background-color: #eceff1 !important; }

.blue-grey-text.text-lighten-5 { color: #eceff1 !important; }

.blue-grey.lighten-4 { background-color: #cfd8dc !important; }

.blue-grey-text.text-lighten-4 { color: #cfd8dc !important; }

.blue-grey.lighten-3 { background-color: #b0bec5 !important; }

.blue-grey-text.text-lighten-3 { color: #b0bec5 !important; }

.blue-grey.lighten-2 { background-color: #90a4ae !important; }

.blue-grey-text.text-lighten-2 { color: #90a4ae !important; }

.blue-grey.lighten-1 { background-color: #78909c !important; }

.blue-grey-text.text-lighten-1 { color: #78909c !important; }

.blue-grey { background-color: #607d8b !important; }

.blue-grey-text { color: #607d8b !important; }

.blue-grey.darken-1 { background-color: #546e7a !important; }

.blue-grey-text.text-darken-1 { color: #546e7a !important; }

.blue-grey.darken-2 { background-color: #455a64 !important; }

.blue-grey-text.text-darken-2 { color: #455a64 !important; }

.blue-grey.darken-3 { background-color: #37474f !important; }

.blue-grey-text.text-darken-3 { color: #37474f !important; }

.blue-grey.darken-4 { background-color: #263238 !important; }

.blue-grey-text.text-darken-4 { color: #263238 !important; }

.grey.lighten-5 { background-color: #fafafa !important; }

.grey-text.text-lighten-5 { color: #fafafa !important; }

.grey.lighten-4 { background-color: #f5f5f5 !important; }

.grey-text.text-lighten-4 { color: #f5f5f5 !important; }

.grey.lighten-3 { background-color: #eeeeee !important; }

.grey-text.text-lighten-3 { color: #eeeeee !important; }

.grey.lighten-2 { background-color: #e0e0e0 !important; }

.grey-text.text-lighten-2 { color: #e0e0e0 !important; }

.grey.lighten-1 { background-color: #bdbdbd !important; }

.grey-text.text-lighten-1 { color: #bdbdbd !important; }

.grey { background-color: #9e9e9e !important; }

.grey-text { color: #9e9e9e !important; }

.grey.darken-1 { background-color: #757575 !important; }

.grey-text.text-darken-1 { color: #757575 !important; }

.grey.darken-2 { background-color: #616161 !important; }

.grey-text.text-darken-2 { color: #616161 !important; }

.grey.darken-3 { background-color: #424242 !important; }

.grey-text.text-darken-3 { color: #424242 !important; }

.grey.darken-4 { background-color: #212121 !important; }

.grey-text.text-darken-4 { color: #212121 !important; }

.shades.black { background-color: #000000 !important; }

.shades-text.text-black { color: #000000 !important; }

.shades.white { background-color: #FFFFFF !important; }

.shades-text.text-white { color: #FFFFFF !important; }

.shades.transparent { background-color: transparent !important; }

.shades-text.text-transparent { color: transparent !important; }

.black { background-color: #000000 !important; }

.black-text { color: #000000 !important; }

.white { background-color: #FFFFFF !important; }

.white-text { color: #FFFFFF !important; }

.transparent { background-color: transparent !important; }

.transparent-text { color: transparent !important; }

body, html { height: 100%; background: #efefef; color: #666; }

html { overflow-x: hidden; }

body { font-size: 1.4rem; }

.dux-g { margin-left: -1.5rem; margin-right: -1.5rem; }
@media all and (max-width: 641px) { .dux-g { margin-left: -1rem; margin-right: -1rem; } }

.dux-hide { display: none; }

a { cursor: pointer; color: #1E88E5; }

ul.am-dropdown-content { margin-top: 0; background: #f5f5f5; border: none; }
ul.am-dropdown-content:after, ul.am-dropdown-content:before { display: none; }
ul.am-dropdown-content li.am-active a, ul.am-dropdown-content li.am-active a:hover, ul.am-dropdown-content li a:hover { color: #fff; background: #2196F3; }

.am-nav > li > a { padding: .7em 1em; }
.am-nav > li.am-active > a, .am-nav > li.am-active > a:focus, .am-nav > li.am-active > a:hover { background: #2196F3; }

.am-btn { outline: none; line-height: 1.4; font-size: 1.4rem; }
.am-btn:active:focus, .am-btn:focus { outline: none; }

.am-btn-xl { font-size: 1.6rem; }

.am-btn-lg { font-size: 1.4rem; }

.am-btn-sm { font-size: 1.2rem; }

.am-btn-xs { font-size: 1.2rem; }

.am-form-field { line-height: 1.35; padding: .6em; border: 1px solid #ddd; font-size: 1.4rem; }
.am-form-field:focus { -webkit-box-shadow: none; box-shadow: none; border-color: #99baca; background: #f5fbfe; }

.am-form input[type=number], .am-form input[type=search], .am-form input[type=text], .am-form input[type=password], .am-form input[type=datetime], .am-form input[type=datetime-local], .am-form input[type=date], .am-form input[type=month], .am-form input[type=time], .am-form input[type=week], .am-form input[type=email], .am-form input[type=url], .am-form input[type=tel], .am-form input[type=color], .am-form select, .am-form textarea { line-height: 1.35; padding: .6em; border: 1px solid #ddd; font-size: 1.4rem; }
.am-form input[type=number]:focus, .am-form input[type=search]:focus, .am-form input[type=text]:focus, .am-form input[type=password]:focus, .am-form input[type=datetime]:focus, .am-form input[type=datetime-local]:focus, .am-form input[type=date]:focus, .am-form input[type=month]:focus, .am-form input[type=time]:focus, .am-form input[type=week]:focus, .am-form input[type=email]:focus, .am-form input[type=url]:focus, .am-form input[type=tel]:focus, .am-form input[type=color]:focus, .am-form select:focus, .am-form textarea:focus { -webkit-box-shadow: none; box-shadow: none; border-color: #99baca; background: #f5fbfe; }
.am-form select { padding-right: 1.5em; }
.am-form input[type=color] { padding: 0; height: 2.8rem; }

.am-breadcrumb { font-size: 80%; }

.am-form-help { margin-bottom: 0; }

.am-selected-list { font-size: 1.4rem; }

.dux-header { position: fixed; width: 100%; border: none; z-index: 100; top: 0; }
.dux-header .am-topbar { border: none; margin-bottom: 0; }
.dux-header .am-topbar-brand { font-size: 1.6rem; background: #2196F3; }
.dux-header .am-topbar-inverse { background: #333; }
.dux-header .am-topbar-nav > li > a:after, .dux-header .am-topbar-nav > li.am-active > a:after { display: none; }
.dux-header .am-topbar-nav > li > a, .dux-header .am-topbar-nav > li > a:focus, .dux-header .am-topbar-nav > li > a:hover, .dux-header .am-topbar-nav > li.am-active > a, .dux-header .am-topbar-nav > li.am-active > a:focus, .dux-header .am-topbar-nav > li.am-active > a:hover { color: #ccc; }
@media only screen and (min-width: 641px) { .dux-header .am-topbar-nav > li > a { padding: 0 15px; } }
.dux-header .am-topbar-nav > li > a:hover { background-color: rgba(0, 0, 0, 0.5); }
.dux-header .am-topbar-nav > li.am-active > a, .dux-header .am-topbar-nav > li.am-active > a:focus, .dux-header .am-topbar-nav > li.am-active > a:hover { background-color: rgba(0, 0, 0, 0.5); }
.dux-header .am-nav-pills > li + li { margin-left: 0; }
.dux-header .am-topbar-right { margin: 0; }

.dux-aside { position: fixed; top: 50px; left: 0; bottom: 0; width: 70px; background: #e6e7e8; border-right: 1px solid #ccc; z-index: 100; }
.dux-aside ul { list-style: none; margin: 0; padding: 0; }
.dux-aside li { text-align: center; }
.dux-aside li a { display: block; color: #444; padding: 10px 0; font-size: 1.2rem; }
.dux-aside li a i { font-size: 1.8rem; }
.dux-aside li a:hover { background: #ddd; }
.dux-aside li.active > a, .dux-aside li a:hover { background: #ddd; }
.dux-aside li p { margin: 0; }

.dux-nav { color: #666; border-bottom: 1px solid #d3d7db; border-top: 1px solid #eee; background-color: #fff; line-height: 40px; position: relative; margin-left: 70px; padding: 0 10px; }
.dux-nav ol { position: absolute; right: 10px; top: 0; padding: 0; margin: 0; }
.dux-nav h3 { padding: 0; margin: 0; font-size: 1.4rem; font-weight: normal; color: #444; }
.dux-nav h3 small { color: #999; font-size: 1.2rem; }
.dux-nav h3 small:before { font-size: 1.4rem; color: #ccc; padding-left: 0; content: "/\00a0"; }

.dux-main { margin-left: 70px; padding-top: 110px; overflow-y: auto; overflow-x: hidden; }

.dux-stat-widget .media-icon { float: left; height: 64px; width: 64px; line-height: 64px; color: #fff; }
.dux-stat-widget .media-body { height: 64px; text-align: right; }
.dux-stat-widget .media-body h1 { margin-bottom: 1rem; }
.dux-stat-widget .media-body p { margin: 0; }

.dux-body { padding: 0 20px; }

.dux-profile-widget { text-align: center; }

.dux-profile-widget .profile-bg { height: 80px; }

.dux-profile-widget .profile-avatar { margin-top: -42px; height: 90px; width: 90px; border-radius: 50%; background-color: #fff; border: 5px solid #fff; }

.dux-profile-widget .profile-title { color: #505458; margin: 10px 0; font-size: 2rem; }

.dux-profile-widget .profile-text { padding-bottom: 20px; color: #98a6ad; margin: 0; }

.dux-list-media { margin: 0; padding: 0; list-style: none; }
.dux-list-media li { padding: 10px 0; border-bottom: 1px solid #eee; }
.dux-list-media li:last-child { border-bottom: none; }
.dux-list-media .media-img { float: left; width: 80px; text-align: center; padding-top: 3px; }
.dux-list-media .media-img i { color: #fff; text-align: center; width: 40px; height: 40px; font-size: 24px; line-height: 40px; border-radius: 50%; }
.dux-list-media .media-body { padding-left: 80px; }
.dux-list-media .media-body h3 { font-weight: normal; font-size: 1.4rem; margin: 0; }
.dux-list-media .media-body p { font-size: 1.2rem; margin: 0; color: #999; }

.dux-page-header { padding: 0 20px; margin-bottom: 20px; }
.dux-page-header .page-title { float: left; }
.dux-page-header .page-title h3 { font-weight: normal; display: inline-block; padding: 0; margin: 0; font-size: 2rem; color: #2196F3; line-height: 30px; }
.dux-page-header .page-action { float: right; }

.dux-page-table { padding: 0 20px; }
.dux-page-table .dux-table { background: #fff; margin-bottom: 20px; }

.dux-page-foot, .dux-page-header { padding: 0 20px; margin-bottom: 20px; }

.dux-page-foot .foot-batch { float: left; }
.dux-page-foot .foot-pages { float: right; font-size: 1.2rem; }
.dux-page-foot .foot-pages .pages-info, .dux-page-foot .foot-pages .pages-num, .dux-page-foot .foot-pages .page-jump { display: inline-block; }
.dux-page-foot .foot-pages .page-jump input { width: 50px; }

.dux-panel { border: none; }
.dux-panel > .am-panel-hd { background: #e7e8ea; border: none; padding: .7rem 1.3rem; }

.dux-form { padding-top: 10px; }
.dux-form.am-form-inline > .am-form-group, .dux-form > .am-form-group:last-child { margin-bottom: 0; }
.dux-form label { font-weight: normal; }
.dux-form .am-form-group { margin-bottom: 2rem; }

.dux-box { display: flex; flex-wrap: nowrap; }
@media screen and (max-width: 940px) { .dux-box { display: block; } }
.dux-box .box-side { width: 250px; }
@media screen and (max-width: 940px) { .dux-box .box-side { display: block; width: auto; } }
.dux-box .box-body { flex: 1; padding-left: 20px; }
@media screen and (max-width: 940px) { .dux-box .box-body { flex: auto; display: block; width: auto; padding: 0; } }

.dux-flex-layout { display: flex; flex-wrap: nowrap; }
.dux-flex-layout .flex-auto { flex: 1; }

.dux-table { margin: 0; }
.dux-table > tbody > tr > td, .dux-table > tbody > tr > th, .dux-table > tfoot > tr > td, .dux-table > tfoot > tr > th, .dux-table > thead > tr > td, .dux-table > thead > tr > th { border: none; padding: .9rem .8rem; display: table-cell; text-align: left; vertical-align: middle; }
.dux-table > tbody > tr:nth-child(even) { background-color: #f2f2f2; }
.dux-table td, .dux-table th { font-size: 1.2rem; }
.dux-table thead { background: #e7e8ea; font-size: 1.2rem; }
@media only screen and (max-width: 992px) { .dux-table { width: 100%; border-collapse: collapse; border-spacing: 0; display: block; position: relative; }
  .dux-table > tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; }
  .dux-table > tbody > tr { display: inline-block; vertical-align: top; padding: 0 10px; }
  .dux-table > tbody > tr > td { display: block; min-height: 1.25em; text-align: left !important; margin: 0; vertical-align: top; }
  .dux-table > thead { display: block; float: left; border: 0; border-right: 1px solid #d0d0d0; }
  .dux-table > thead > tr { display: block; padding: 0 10px 0 0; margin: 0; vertical-align: top; }
  .dux-table > thead > tr > th { width: 100px !important; display: block; text-align: right !important; } }

.dux-table-lg td, .dux-table-lg th { font-size: 1.4rem; }

.am-btn-primary { background-color: #2196F3; border-color: #2196F3; }
.am-btn-primary:hover, .am-btn-primary:active, .am-btn-primary:focus { background-color: #1E88E5; border-color: #1E88E5; }

.dux-form fieldset { margin-bottom: 0; }
.dux-form .am-form-group:last-child { margin-bottom: 0; }

.dux-form-content { padding-top: .6em; }

.dux-field-inline { display: inline-block !important; width: auto !important; }

.dux-field-sm { width: 50px !important; }

.dux-field-md { width: 100px !important; }

.dux-field-lg { width: 150px !important; }

.dd { position: relative; display: block; margin: 0; padding: 0; list-style: none; font-size: 1.4rem; }

.dd-list { display: block; position: relative; margin: 0; padding: 0; list-style: none; }

.dd-list .dd-list { padding-left: 30px; }

.dd-item .dd-list { padding-left: 30px; }

.dd-collapsed .dd-list { display: none; }

.dd-item, .dd-empty, .dd-placeholder { display: block; position: relative; margin: 0; padding: 0; }

.dd-handle { display: block; height: 40px; padding: 0 10px; color: #333; text-decoration: none; background: #ddd; position: absolute; margin: 0; left: 0; top: 0; cursor: pointer; white-space: nowrap; overflow: hidden; text-indent: 100%; width: 30px; }
.dd-handle:hover { background: #e3e4e6; }
.dd-handle:before { content: '\f0c9'; display: block; position: absolute; left: 0; line-height: 40px; width: 100%; text-align: center; text-indent: 0; color: #fff; font-size: 14px; font-weight: normal; }

.dd-item > button { display: block; position: relative; cursor: pointer; float: left; width: 25px; height: 40px; margin: 0px 0; padding: 0; text-indent: 100%; white-space: nowrap; overflow: hidden; border: 0; background: transparent; font-size: 12px; line-height: 1; text-align: center; font-weight: bold; margin-left: 30px; }
.dd-item > button:hover, .dd-item > button:focus, .dd-item > button:active { outline: none; }
.dd-item > button:before { content: '+'; display: block; position: absolute; width: 100%; text-align: center; text-indent: 0; }
.dd-item > button[data-action="collapse"]:before { content: '-'; }

.dd-placeholder, .dd-empty { margin: 5px 0; padding: 0; min-height: 30px; background: #f2fbff; border: 1px dashed #b6bcbf; box-sizing: border-box; -moz-box-sizing: border-box; }

.dd-empty { border: 1px dashed #bbb; min-height: 100px; background-color: #e5e5e5; background-size: 60px 60px; background-position: 0 0, 30px 30px; }

.dd-dragel { position: absolute; pointer-events: none; z-index: 9999; }

.dd-dragel > .dd-item .dd-handle { margin-top: 0; }

.dd-dragel .dd-handle { -webkit-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1); box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1); }

.dd-content { display: block; height: 40px; line-height: 40px; margin: 5px 0; padding: 0 10px 0 40px; color: #333; text-decoration: none; background: #ffffff; }
.dd-content small { color: #999; padding-left: 10px; }

.dd-dragel > .dd-item > .dd-content { margin: 0; }

.dd-tool { position: absolute; top: 0; right: 0; line-height: 40px; font-size: 1.4rem; }
.dd-tool a { color: #666; margin-right: 10px; }
.dd-tool a:hover { color: #2196F3; }

.dux-tree h2 { font-weight: normal; margin: 0; padding: 0; font-size: 1.4rem; }
.dux-tree ul, .dux-tree li { list-style: none; white-space: nowrap; }
.dux-tree ul { margin: 0; padding: 0; }
.dux-tree ul a { padding: 0 5px; color: #666; }
.dux-tree ul a:hover { background: #2196F3; color: #fff; }
.dux-tree .active > h2 > a { background: #2196F3; color: #fff; }
.dux-tree > h2 { padding-left: 10px; }
.dux-tree li { background: url("../images/tree_line.png") repeat-y; background-position: 0 0; padding-left: 20px; }
.dux-tree ul h2 { background: url("../images/tree_middle.png") no-repeat; background-position: 0% 50%; padding-left: 20px; height: 30px; line-height: 30px; }

.dux-alert-list { background-color: rgba(59, 180, 242, 0.15); border-left: 5px solid #81b9ef; padding: 10px; }

.dux-alert-list > *:last-child { margin-bottom: 0; }

.dux-images { list-style: none; margin: 0; padding: 0; }
.dux-images li, .dux-images .sortable-placeholder { margin-top: 10px; margin-right: 10px; float: left; width: 170px; height: 160px; border: 1px dashed #ddd; cursor: pointer; }
.dux-images li { border: 1px solid #ddd; }
.dux-images li img { width: 150px; height: 120px; margin: 10px; margin-bottom: 0; }
.dux-images li .info { height: 30px; line-height: 30px; }
.dux-images li .title { float: left; display: block; width: 110px; height: 30px; overflow: hidden; padding-left: 10px; }
.dux-images li .del { float: right; color: red; margin-right: 10px; }

.dux-files { list-style: none; margin: 0; padding: 0; }
.dux-files li, .dux-files .sortable-placeholder { display: block; width: 100%; margin-top: 10px; margin-right: 10px; float: left; border-bottom: 1px dashed #ddd; cursor: pointer; padding-top: 5px; padding-bottom: 5px; height: 50px; }
.dux-files li .title input { width: 300px; display: inline-block; }
.dux-files li .del { color: red; margin-left: 20px; }

.dux-moblie-header { position: fixed; height: 50px; background: #333; width: 100%; z-index: 100; top: 0; }
.dux-moblie-header h3 { font-weight: normal; font-size: 2rem; text-align: center; line-height: 50px; color: #fff; }
.dux-moblie-header i { font-size: 2rem; }
.dux-moblie-header .menu-left, .dux-moblie-header .menu-right { position: absolute; top: 0; line-height: 50px; padding: 0 10px; color: #fff; }
.dux-moblie-header .menu-left { left: 0; }
.dux-moblie-header .menu-right { right: 0; }

.dux-moblie-aside { display: none; width: 220px; z-index: 1; background: #fff; }
.dux-moblie-aside > ul { padding: 0; }
.dux-moblie-aside ul { list-style: none; margin: 0; padding-bottom: 10px; }
.dux-moblie-aside ul h3, .dux-moblie-aside ul h4 { margin: 0; font-weight: normal; padding: 10px 10px; color: #666; }
.dux-moblie-aside ul h3 { color: #999; background: #f6f6f6; font-size: 1.6rem; }
.dux-moblie-aside ul h4 { color: #999; }
.dux-moblie-aside ul li { list-style: none; }
.dux-moblie-aside ul li.active { border-right: 3px solid #2196F3; }
.dux-moblie-aside ul li a { display: block; padding: 10px 10px; color: #666; font-size: 1.4rem; }
.dux-moblie-aside ul li a i { width: 18px; color: #666; }

@media all and (max-width: 1024px) { .dux-header, .dux-aside { display: none; }
  .dux-main { padding-top: 70px; margin-left: 0; }
  .dux-mobile-menu .dux-moblie-header { left: 220px; }
  .dux-mobile-menu .dux-html { position: fixed; top: 0; margin-left: 220px; margin-right: -220px; overflow: hidden; width: 100%; }
  .dux-mobile-menu .dux-moblie-aside { display: block; } }
